<p-sidebar [(visible)]="sidebarRightVisible"
  position="right"
  styleClass="w-40rem"
  [modal]="false"
  (onHide)="onSidebarHide()"
  #sidebarProps>
  <div *ngIf="cfg">
    <div class="card p-fluid">
      <h5 [title]="cfg.Id">堆垛机</h5>
      <p-divider>
        基本信息
      </p-divider>
      <div class="field grid">
        <label class="col-12 mb-2 md:col-2 md:mb-0">名称</label>
        <div class="col-12 md:col-10">
          <input type="text"
            pInputText
            class="w-full p-inputtext-sm"
            placeholder="设置名称"
            [disabled]="true"
            [(ngModel)]="cfg.Name" />
        </div>
      </div>
      <p-divider>
        巷道
      </p-divider>
      <app-lane-info [cfg]="cfg.Lane"
        [fields]="cfg.Fields"></app-lane-info>
      <p-divider>
        PLC
      </p-divider>
      <app-plc-info [plc]="cfg.Plc"></app-plc-info>
      <p-divider>状态</p-divider>
      <app-status-info [config]="cfg.Status"
        [status]="status"></app-status-info>
      <div class="field"
        *ngIf="item">
        <app-field-map-list [fields]="cfg.Fields"
          [values]="item.data.Values"></app-field-map-list>
      </div>
    </div>
  </div>
</p-sidebar>